<template>
	<view>
		<view style="padding-top: 30rpx;">
			<u-steps :current="currentSteps" >
				<u-steps-item title="场馆信息"></u-steps-item>
				<u-steps-item title="财务信息"></u-steps-item>
				<u-steps-item title="审批中"></u-steps-item>
				<u-steps-item title="注册完成"></u-steps-item>
			</u-steps>
		</view>
		<view>
			<view class="venueForm">
				<view>
					<view>
						<view style="font-size: 33rpx;color: #444444;font-weight: 600;line-height: 45rpx;">请上传相关凭证</view>
						<view style="color: #888888;font-size: 26rpx;line-height: 70rpx;">请拍摄上传您的营业执照和委托书</view>
					</view>
					<u-row gutter="10" >
						<u-col span="6">
							<view>
								<u-upload name="idFront" :fileList="idFrontList" @afterRead="onUpload($event, 'idFront')"
									@delete="onDelete($event, 'idFront')" :maxCount="1" width="300" height="200">
									<view class="upload">
										<view class="picture" style="width: 300rpx;height: 200rpx;">
											<image src="../../../static/image/yyzz.png"  style="width: 100%;height: 400rpx;" mode="widthFix"></image>
										</view>
									</view>
								</u-upload>
								<view class="text" style="font-size: 31rpx;color:#888888;text-align: center;line-height: 60rpx; ">上传身份证正面照</view>
							</view>
						</u-col>
						<u-col span="6">
							<view>
								<u-upload name="idBack" :fileList="idBackList" @afterRead="onUpload($event, 'idBack')"
									@delete="onDelete($event, 'idBack')" :maxCount="1"  width="300" height="200">
									<view class="upload">
										<view class="picture" style="width: 300rpx;height: 200rpx;">
											<image src="../../../static/image/wts.png"  style="width: 100%;height: 400rpx;" mode="widthFix"></image>
										</view>
									</view>
								</u-upload>
								<view class="text" style="font-size: 31rpx;color:#888888;text-align: center;line-height: 60rpx;">上传身份证反面照</view>
							</view>
						</u-col>
					</u-row>
				</view>
				
				<view class="height30"></view>
				<view>
					<view class="form-row">
						<view class="ftitle">场馆名称</view>
						<input class="fvalue" placeholder="输入场馆名称"  />
					</view>
				</view>
				<view class="height30"></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				currentSteps: 0,
				idFrontList: [],
				idBackList: []
			}
		},
		methods: {
			
			// // 上传文件
			// onUpload(files, type) {
			// 	const {
			// 		file
			// 	} = files;
			// 	let index = this[`${type}List`].length;
			// 	this[`${type}List`].push({
			// 		...file,
			// 		status: 'uploading',
			// 		message: '上传中'
			// 	})
			// 	this.$utils.onUploadFile(file.url)
			// 		.then(res => {
			// 			let item = this[`${type}List`][index];
			// 			this[`${type}List`].splice(index, 1, Object.assign(item, {
			// 				status: 'success',
			// 				message: '',
			// 				url: res.data.link
			// 			}))
			// 		})
			// },
			// // 删除图片
			// onDelete(e, type) {
			// 	this[`${type}List`].splice(e.index, 1);
			// },
		}
	}
</script>

<style lang="scss">
.venueForm {
			padding: 40rpx;
			
			.form-row {
				border-radius: 8rpx;display: flex;border: 1px solid #c3c3c3;justify-content: center;align-items: center; 
				
				.ftitle {
					text-align: center;
					font-size: 30rpx;
					width: 180rpx;
					display: inline-table;
					color: #333333;
					padding:0rpx 10rpx;
				}
				.fvalue {
					height: 90rpx;width: 100%;font-size: 32rpx;
				}
			
			}
			
			.height30 {
				height: 30rpx;
			}
			
			.submitBtn {
				height: 90rpx;background-color: #0544ab;color: #ffffff;line-height: 90rpx;font-size: 32rpx;
			}
			
		}
</style>
